<%@ page language="java" contentType="text/html; charset=utf-8"
		 pageEncoding="utf-8"%>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<link  type="text/css"  href="css/bootstrap-cus.min.css" rel="stylesheet"/>
	<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<%--	<style>--%>
	<%--		.incTop_{--%>
	<%--			width: 974px;--%>
	<%--			height: 300px;--%>
	<%--			margin: 10px auto;--%>
	<%--			background: url("./img/banner.jpg") 100% 100%;--%>
	<%--			background-position: 0 0--%>
	<%--		}--%>
	<%--	</style>--%>
	<%--	<!-- 第一步 -->--%>
	<link rel="stylesheet" href="./swiper-bundle.min.css">
	<%--	<!-- 第三步 -->--%>
	<style>
		/*!* 导航等组件可以放在container之外*/
		/*3.你可能想要给Swiper定义一个大小，当然不要也行。 *!*/
		.swiper-container {
			width: 974px;
			height: 300px;
			margin: 10px auto;
			/*background: 100% 100%;*/
			/*background-position: 0 0;*/
		}
		.swiper-container .swiper-wrapper .swiper-slide img{
			width: 100%;
			/*height: 100%;*/
		}
	</style>
</head>

<body>
<%--  <!-- 第二步 -->--%>
<div class="swiper-container">
	<div class="swiper-wrapper">
		<div class="swiper-slide"><img src="img/banner.jpg" alt=""></div>
		<div class="swiper-slide"><img src="img/banner02.jpg" alt=""></div>
		<div class="swiper-slide"><img src="img/banner05.jpg" alt=""></div>
		<!-- <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div> -->
	</div>
	<!-- 如果需要分页器 -->
	<div class="swiper-pagination"></div>

	<!-- 如果需要导航按钮 -->
	<div class="swiper-button-prev"></div>
	<div class="swiper-button-next"></div>

	<!-- 如果需要滚动条 -->
	<div class="swiper-scrollbar"></div>
</div>

<%--     <div class="incTop_">--%>
<%--		 --%>
<%--     </div>--%>


<div id="Menu" class="Menu" style="width: 974px;margin:0 auto;">
			<span id="secMenu0" class="secMenu-center"style="width: 100%;" >
			     &nbsp;&nbsp;&nbsp;<a style="color:#fff;"href="${pageContext.request.contextPath}/qiantai/index.jsp">网站首页</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
			     <a style="color:#fff;" href="${pageContext.request.contextPath}/qiantai/staff.jsp">医生介绍</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
			     <a style="color:#fff;" href="${pageContext.request.contextPath}/qiantai/paymentbill.jsp">病例查看</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
				 <a style="color:#fff;" href="${pageContext.request.contextPath}/qiantai/repair_add.jsp">治疗处理</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
				 <a style="color:#fff;" href="${pageContext.request.contextPath}/qiantai/complaints_add.jsp">美容造型</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
				<!-- <a style="color:#fff;" href="${pageContext.request.contextPath}/qiantai/cosmet.jsp">最新造型</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; -->
				 <a style="color:#fff;" href="${pageContext.request.contextPath}/qiantai/myinfo.jsp">我的信息</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
				 <a style="color:#fff;"target="_blank" href="../index.jsp" >进入后台</a>
			</span>
</div>

<%--  <!-- 第四步 -->--%>
<%--  <!-- 导航等组件可以放在container之外 -->--%>


<%--  <!-- <script src="dist/js/swiper-bundle.min.js"></script> -->--%>
<script src="./jquery-3.5.1.min.js"></script>
<script src="./swiper-bundle.min.js"></script>


<%--  <!-- 第五步 -->--%>
<script>
	var mySwiper = new Swiper ('.swiper-container', {
		//   direction: 'vertical', // 垂直切换选项
		loop: true, // 循环模式选项

		autoplay:true,//等同于以下设置
		/*autoplay: {
          delay: 3000,
          stopOnLastSlide: false,
          disableOnInteraction: true,
          },*/

		// 如果需要分页器
		pagination: {
			el: '.swiper-pagination',
		},

		// 如果需要前进后退按钮
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},

		// 如果需要滚动条
		scrollbar: {
			el: '.swiper-scrollbar',
		},
	})
</script>
</body>
</html>

